<template>
  <div class="top">
    <ul>
      <li>
        <i class="iconfont icon-wode" @click="changRouter('mine')"></i>
      </li>
      <li>
        <slot></slot>
      </li>

      <li>
        <i class="iconfont icon-shouye" @click="changRouter('home')"></i>
      </li>
    </ul>
  </div>
</template>

<script>
import { skip } from "ulit/skipRouter";
export default {
  name: "topDiv",
  methods: {
    changRouter(path) {
      skip(this, path);
    },
  },
};
</script>

<style lang="less" scoped>
.top {
  width: 100%;
  box-shadow: -1px 0px 10px #888888;
  ul {
    display: flex;
    list-style: none;
    box-sizing: border-box;
    padding: 0.4rem 1rem;
    justify-content: space-between;
    li {
      font-size: 1.8rem;
      font-family: "Courier New", Courier, monospace;
      i {
        font-size: 1.5rem;
      }
    }
  }
}
</style>